<template>
    <div>
        <h1>代办事项</h1>
        <div class="common-layout">
            <el-container>
                <el-header><SonHeader/></el-header>
                <el-main><SonMain/></el-main>
                <el-footer><SonFooter/></el-footer>
            </el-container>
        </div>
    </div>
</template>

<script>
import SonHeader from '../components/SonHeader'
import SonMain from '../components/SonMain'
import SonFooter from '../components/SonFooter'

export default {
   components: {
        SonHeader,
        SonMain,
        SonFooter
   }
}
</script>

<style>
#app {
    width: 800px;
    margin: auto;
}
</style>
